/* pcäº§å“æ¨¡å— */

.indexproduct{width: 100%; height: auto; overflow: hidden; padding: 0.3rem 0}

.indexproduct .pc .iproduct{width: 12rem; height: auto; overflow: hidden; margin: 0 auto;}

.indexproduct .pc .protitle{width: 12rem; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexproduct .pc .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexproduct .pc .protitle .ent{width: 8.56rem; height: 0.18rem; overflow: hidden; margin: 0 auto;position: relative; background: url(../images/pc/xian_03.png) no-repeat center center;}

.indexproduct .pc .protitle .ent p{  text-align: center; text-transform: uppercase}

.indexproduct .pc .proclass{width: 8.6rem; height: auto; overflow: hidden; margin: 0.4rem auto}

.indexproduct .pc .proclass ul{width: 8.6rem; height: auto; overflow: hidden; display: flex; justify-content: center;flex-wrap: wrap}

.indexproduct .pc .proclass ul li{ margin-right: 0.2rem; margin-bottom: 0.2rem}

.indexproduct .pc .proclass ul li a{display: block;background: #eeca92; padding: 0.1rem 0.2rem;}

.indexproduct .pc .proclass ul li a:hover{background:#ad030e;color: #fff; }

.indexproduct .pc .proclass ul li .active{background:#ad030e;color: #fff; }

.indexproduct .pc .procontent{width: 12rem; height: auto; overflow: hidden; margin: 0.4rem auto;}

.indexproduct .pc .procontent ul {width: 12rem ; height: auto; overflow: hidden; margin: 0 auto; display: flex; flex-wrap: wrap;justify-content: space-between}

.indexproduct .pc .procontent ul li{width: 3.7rem; height: auto; overflow: hidden;;}

.indexproduct .pc .procontent ul li .listimgs{width:3.7rem; height:2.78rem; overflow:hidden; display:flex; align-items:center}

.indexproduct .pc .procontent ul li .listimgs mip-img{width:3.7rem; }

.indexproduct .pc .procontent ul li p{text-align: center;font-size: 0.18rem;line-height: 0.56rem;}

.indexproduct .pc .procontent .morep{width: 1.99rem; height: 0.44rem; overflow: hidden; background: url(../images/pc/ckqb_10.jpg) no-repeat center center; text-align: center; line-height: 0.46rem; margin: 0 auto; margin-top: 0.4rem;font-size: 0.18rem;}





/* IPADäº§å“æ¨¡å— */



.indexproduct .ipad .iproduct{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.indexproduct .ipad .protitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexproduct .ipad .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexproduct .ipad .protitle .ent{width: 8.56rem; height: 0.21rem; overflow: hidden; margin: 0 auto;position: relative; background: url(../images/pc/xian_03.png) no-repeat center center;}

.indexproduct .ipad .protitle .ent p{  text-align: center; text-transform: uppercase}

.indexproduct .ipad .proclass{width: 8.6rem; height: auto; overflow: hidden; margin: 0.4rem auto}

.indexproduct .ipad .proclass ul{width: 8.6rem; height: auto; overflow: hidden; display: flex; justify-content: center;flex-wrap: wrap}

.indexproduct .ipad .proclass ul li{ margin-right: 0.2rem; margin-bottom: 0.2rem}

.indexproduct .ipad .proclass ul li a{display: block;background: #eeca92; padding: 0.1rem 0.2rem;}

.indexproduct .ipad .proclass ul li a:hover{background:#ad030e;color: #fff; }

.indexproduct .ipad .procontent{width: 9.2rem; height: auto; overflow: hidden; margin: 0.4rem auto;}

.indexproduct .ipad .procontent ul {width:  9.2rem ; height: auto; overflow: hidden; margin: 0 auto; display: flex; flex-wrap: wrap;justify-content: space-between}

.indexproduct .ipad .procontent ul li{width: 2.86rem; height: auto; overflow: hidden;;}

.indexproduct .ipad .procontent ul li p{text-align: center;font-size: 0.18rem;line-height: 0.56rem;}

.indexproduct .ipad .procontent ul li .listimgs{width:2.86rem; height:2.13rem; overflow:hidden; display:flex; align-items:center}

.indexproduct .ipad .procontent ul li .listimgs mip-img{width:2.86rem; }

.indexproduct .ipad .procontent .morep{width: 1.99rem; height: 0.44rem; overflow: hidden; background: url(../images/pc/ckqb_10.jpg) no-repeat center center; text-align: center; line-height: 0.46rem; margin: 0 auto; margin-top: 0.4rem;font-size: 0.18rem;}



/* mobileäº§å“æ¨¡å— */

.indexproduct .mobile .iproduct{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.indexproduct .mobile .protitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexproduct .mobile .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexproduct .mobile .protitle .ent{width: 5.35rem; height: 0.27rem; overflow: hidden; margin: 0 auto;position: relative;background: url(../images/mobile/xian_03.jpg) no-repeat center center;}

.indexproduct .mobile .protitle .ent p{  text-align: center; text-transform: uppercase;font-size: 0.1rem}

.indexproduct .mobile .proclass{width:6.2rem; height: auto; overflow: hidden; margin: 0.4rem auto;display: flex;justify-content: center}

.indexproduct .mobile .proclass ul{width: 5.6rem; height: auto; overflow: hidden; display: flex; justify-content: center;flex-wrap: wrap}

.indexproduct .mobile .proclass ul li{ margin-right: 0.05rem; margin-bottom: 0.2rem}

.indexproduct .mobile .proclass ul li a{display: block;background: #eeca92; padding: 0.05rem 0.1rem;}

.indexproduct .mobile .proclass ul li a:hover{background:#ad030e;color: #fff; }

.indexproduct .mobile .procontent{width:  6rem; height: auto; overflow: hidden; margin: 0.4rem auto;}

.indexproduct .mobile .procontent ul {width:  5.8rem ; height: auto; overflow: hidden; margin: 0 auto; display: flex; flex-wrap: wrap;justify-content: space-between}

.indexproduct .mobile .procontent ul li{width: 2.86rem; height: auto; overflow: hidden;;}

.indexproduct .mobile .procontent ul li p{text-align: center;font-size: 0.18rem;line-height: 0.56rem;}

.indexproduct .mobile .procontent ul li .listimgs{width:2.86rem; height:2.13rem; overflow:hidden; display:flex; align-items:center}

.indexproduct .mobile .procontent ul li .listimgs mip-img{width:2.86rem; }

.indexproduct .mobile .procontent .morep{width: 1.25rem; height: 0.34rem; overflow: hidden; text-align: center; line-height: 0.34rem; margin: 0 auto; margin-top: 0.4rem;font-size: 0.18rem; border: 0.01rem solid #333333; border-radius: 0.05rem;}



.indexabout{width: 100%; height: auto; overflow: hidden;}



/* PCå…³äºŽæˆ‘ä»¬ */

.indexabout .iabout{width: 100%; height: auto; overflow: hidden; background: #191919; padding: 0.28rem 0;}

.indexabout .pc .iabouttitle{width: 7.48rem; height: auto; overflow: hidden; margin: 0 auto;color: #eeca92;text-align: center;}

.indexabout .pc .iabouttitle p{font-size: 0.4rem; font-weight: bold;}

.indexabout .pc .iabouttitle .xian{width: 7.48rem; height: auto; overflow: hidden; background: url(../images/pc/aboutxian_03.png) no-repeat center center; text-transform: uppercase;font-size: 0.17rem; }



.indexabout .pc .iaboutcontent{width: 11.53rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.3rem; display: flex; justify-content: space-between}

.indexabout .pc .iaboutleft{width: 3.1rem; height: auto; overflow: hidden; display: flex; align-items: center}

.indexabout .pc .iaboutright{width: 8.25rem; height: auto; overflow: hidden; padding-top: 0.3rem;color: #eeca92;}

.indexabout .pc .iaboutrtitle{font-size: 0.26rem; font-weight: bold}

.indexabout .pc .iatrc{font-size: 0.16rem; line-height: 0.3rem; padding-top: 0.2rem}

.indexabout .pc .aboutlunbo{width: 8.25rem; height: auto; overflow: hidden;;}

.indexabout .pc .aboutlunbo ul{width: 7.65rem; height: auto; overflow: hidden; margin: 0.2rem auto}

.indexabout .pc .lbimgs{width: 2.09rem; height: 1.46rem; float: left; overflow: hidden; margin-right:0.2rem ; display:flex;align-items:center}

.indexabout .pc .aboutlunbo .mip-layout-size-defined .mip-fill-content{position: initial !important; }

.indexabout .pc .mip-carousel-preBtn{background: url(../images/pc/aboutgd_03.png) no-repeat center center;width: 0.3rem}

.indexabout .pc .mip-carousel-container{left: 0.5rem;}

.indexabout .pc .mip-carousel-nextBtn{background: url(../images/pc/aboutgd_05.png) no-repeat center center;width: 0.3rem}



.indexabout .pc .indexyoushi{width: 12rem; height: auto; overflow: hidden; margin: 0.6rem auto 0; }

.indexabout .pc .iystitle{text-align: center;font-size: 0.4rem; font-weight: bold;color: #ad030e;}

.indexabout .pc .iystitle .iys{font-size: 0.17rem; font-weight: normal; text-transform: uppercase}

.indexabout .pc .iyscontent{width: 12rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.3rem;}

.indexabout .pc .iyscontent ul{width: 12rem; height: auto; overflow: hidden; display: flex;justify-content: space-between;flex-wrap: wrap}

.indexabout .pc .iyscontent ul li{ background: #f1f1f1; width: 5.8rem; height: auto; overflow: hidden; padding: 0.1rem 0.6rem; display: flex;justify-content: space-between; margin-bottom: 0.2rem}

.indexabout .pc .iysc {font-size: 0.18rem; line-height: 0.5rem}

.indexabout .pc .iysc p{font-size: 0.26rem; font-weight: bold;color: #000; width: 2.84rem; height: auto; overflow: hidden; border-bottom: 0.01rem solid #a2a7b4; line-height: 0.5rem}

.indexabout .pc .iyscontent ul li .iysimg{width:1.01rem; height:1.01rem; overflow:hidden; display:flex; align-items:center}



.indexabout .pc .indexvideo{width: 12rem; height: 4.2rem;margin: 0.2rem auto}

.indexabout .pc .ivideo{width: 5.8rem; height: 4.02rem; overflow: hidden; float: left;;}



.indexabout .pc .ivideoright{width: 6.2rem; height: 4.02rem; background: #eeca92; float: right;position: relative; padding-top: 0.45rem;padding-left: 0.55rem}

.indexabout .pc .ivtitle{font-size: 0.26rem; font-weight: bold;}

.indexabout .pc .ivcontent{width: 5rem; height: auto; overflow: hidden; padding-top: 0.25rem;font-size: 0.15rem; line-height: 0.3rem;}

.indexabout .pc .dzx{width: 4.26rem; height: 1.86rem; overflow: hidden;position: absolute; right: -0.4rem; bottom: -0.2rem}







/* ipadå…³äºŽæˆ‘ä»¬ */

.indexabout .ipad .iabouttitle{width: 7.48rem; height: auto; overflow: hidden; margin: 0 auto;color: #eeca92;text-align: center;}

.indexabout .ipad .iabouttitle p{font-size: 0.4rem; font-weight: bold;}

.indexabout .ipad .iabouttitle .xian{width: 7.48rem; height: auto; overflow: hidden; background: url(../images/pc/aboutxian_03.png) no-repeat center center; text-transform: uppercase;font-size: 0.18rem; }

.indexabout .ipad .iaboutcontent{width: 9.2rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.3rem; display: flex; justify-content: space-between}

.indexabout .ipad .iaboutleft{width: 3rem; height: auto; overflow: hidden; display: flex; align-items: center}

.indexabout .ipad .iaboutright{width: 5.8rem; height: auto; overflow: hidden; padding-top: 0.3rem;color: #eeca92;}

.indexabout .ipad .iaboutrtitle{font-size: 0.26rem; font-weight: bold}

.indexabout .ipad .iatrc{font-size: 0.2rem; line-height: 0.4rem; padding-top: 0.2rem}

.indexabout .ipad .indexyoushi{width:  9.2rem; height: auto; overflow: hidden; margin: 0.6rem auto 0; }

.indexabout .ipad .iystitle{text-align: center;font-size: 0.4rem; font-weight: bold;color: #ad030e;}

.indexabout .ipad .iystitle .iys{font-size: 0.17rem; font-weight: normal; text-transform: uppercase}

.indexabout .ipad .iyscontent{width:  9.2rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.3rem;}

.indexabout .ipad .iyscontent ul{width:  9.2rem; height: auto; overflow: hidden; display: flex;justify-content: space-between;flex-wrap: wrap}

.indexabout .ipad .iyscontent ul li{ background: #f1f1f1; width: 4.5rem; height: auto; overflow: hidden; padding: 0.1rem 0.3rem; display: flex;justify-content: space-between; margin-bottom: 0.2rem}

.indexabout .ipad .iysc {font-size: 0.18rem; line-height: 0.5rem}

.indexabout .ipad .iysc p{font-size: 0.26rem; font-weight: bold;color: #000; width: 2.56rem; height: auto; overflow: hidden; border-bottom: 0.01rem solid #a2a7b4; line-height: 0.5rem}

.indexabout .ipad .indexvideo{width: 100%; height: auto;margin: 0.2rem auto; background: #eeca92; padding: 0.4rem 0}

.indexabout .ipad .ivideo{width:9.07rem; height: auto; overflow: hidden;  margin: 0 auto;}

.indexabout .ipad .ivideoright{width: 9.07rem; height: 4.36rem; margin: 0 auto; background: #eeca92;position: relative; padding-top: 0.45rem;}

.indexabout .ipad .ivtitle{font-size: 0.4rem; font-weight: bold;}

.indexabout .ipad .ivcontent{width: 100%; height: auto; overflow: hidden; padding-top: 0.25rem;font-size: 0.22rem; line-height: 0.4rem;}

.indexabout .ipad .dzx{width: 4.26rem; height: 1.86rem; overflow: hidden;position: absolute; right: -0.4rem; bottom: -0.2rem}



/* æ‰‹æœºå…³äºŽæˆ‘ä»¬ */





.indexabout .mobile .indexyoushi{width:  5.3rem; height: auto; overflow: hidden; margin: 0.6rem auto 0; }

.indexabout .mobile .iystitle{text-align: center;font-size: 0.36rem; font-weight: bold;color: #ad030e;}

.indexabout .mobile .iystitle .iys{font-size: 0.11rem; font-weight: normal; text-transform: uppercase}

.indexabout .mobile .iyscontent{width:  5.3rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.3rem;}

.indexabout .mobile .iyscontent ul{width:  5.3rem; height: auto; overflow: hidden; display: flex;justify-content: space-between;flex-wrap: wrap}

.indexabout .mobile .iyscontent ul li{ background: #f1f1f1; width: 100%; height: auto; overflow: hidden; padding: 0.1rem 0.3rem; display: flex;justify-content: space-between; margin-bottom: 0.2rem}

.indexabout .mobile .iysc {font-size: 0.18rem; line-height: 0.5rem}

.indexabout .mobile .iysc p{font-size: 0.26rem; font-weight: bold;color: #000; width: 2.56rem; height: auto; overflow: hidden; border-bottom: 0.01rem solid #a2a7b4; line-height: 0.5rem}

.indexabout .mobile .indexvideo{width: 100%; height: auto;margin: 0.2rem auto; background: #eeca92; padding: 0.4rem 0}

.indexabout .mobile .ivideo{width:5.7rem; height: auto; overflow: hidden;  margin: 0 auto;}

.indexabout .mobile .ivideoright{width: 5.7rem; height: 5.36rem; margin: 0 auto; background: #eeca92;position: relative; padding-top: 0.45rem;}

.indexabout .mobile .ivtitle{font-size: 0.25rem; font-weight: bold;}

.indexabout .mobile .ivcontent{width: 100%; height: auto; overflow: hidden; padding-top: 0.25rem;font-size: 0.2rem; line-height: 0.4rem;}

.indexabout .mobile .dzx{width: 4.26rem; height: 1.86rem; overflow: hidden;position: absolute; right: -0.4rem; bottom: -0.2rem}

.indexabout .mobile .indexcuxiao{width: 100%; height: auto; overflow: hidden; margin: 0.2rem auto;}

.indexabout .mobile .indexcuxiao .protitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexabout .mobile .indexcuxiao .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexabout .mobile .indexcuxiao .protitle .ent{width: 5.35rem; height: 0.27rem; overflow: hidden; margin: 0.1rem auto;position: relative;background: url(../images/mobile/xian_03.jpg) no-repeat center center;}

.indexabout .mobile .indexcuxiao .protitle .ent p{  text-align: center; text-transform: uppercase;font-size: 0.2rem} 

.indexabout .mobile .indexcuxiao .icxlist{width: 100%; height: auto; overflow: hidden; margin: 0.3rem auto;}

.indexabout .mobile .indexcuxiao .icxlist li{width: 5.6rem; height: 1.85rem; border: 0.01rem solid #cccccc; margin: 0.1rem auto; padding-top: 0.25rem}

.indexabout .mobile .indexcuxiao .icxlist li .icximg{width: 1.9rem; height: 1.42rem; overflow: hidden; float: left; margin-left: 0.07rem;}

.indexabout .mobile .indexcuxiao .icxlist li .icxcont{ width: 3.43rem; height: auto; overflow: hidden; float: right; margin-right: 0.07rem;}

.indexabout .mobile .indexcuxiao .icxlist li .icxcont h1{font-size: 0.25rem;color: #000}

.indexabout .mobile .indexcuxiao .icxlist li .icxcont span{display: block;width: 0.53rem; height: 0.02rem; background: #be0914; margin: 0.1rem 0;}

.indexabout .mobile .indexcuxiao .icxlist li .intro{font-size: 0.2rem;color: #444444;padding-bottom: 0.1rem}

.indexabout .mobile .indexcuxiao .icxlist li .icxtime mip-img{width: 0.23rem; float: left; margin-right: 0.05rem;font-size: 0.2rem;color: #666666; line-height: 0.23rem}





.indexcase{width: 100%; height: auto; overflow: hidden; margin: 0 auto}

/* PCå…»æ®–åŸºåœ° */



.indexcase .pc .iproduct{width: 12rem; height: auto; overflow: hidden; margin: 0 auto;}

.indexcase{width: 100%; height: auto; overflow: hidden; margin: 0 auto}

.indexcase .pc .protitle{width: 12rem; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexcase .pc .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexcase .pc .protitle .ent{width: 8.56rem; height: 0.18rem; overflow: hidden; margin: 0 auto;position: relative; background: url(../images/pc/xian_03.png) no-repeat center center;}

.indexcase .pc .protitle .ent p{  text-align: center; text-transform: uppercase}

.indexcase .pc .icasepro{width: 12rem; height: auto; overflow: hidden; margin: 0.3rem auto;}

.indexcase .pc .icasepro ul{width: 12rem; height: auto; overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-between}

.indexcase .pc .icasepro ul li{width: 2.99rem; height: 2.25rem; display:flex;align-items:center; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .pc .icasepro ul li mip-img{width:2.99rem}



.indexcase .pc .icasepro ul .cur{background: #ad030e; align-items: center}

.indexcase .pc .icasepro ul .cur{width: 2.99rem; height: 2.25rem; display:flex;align-items:center; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .pc .icasepro ul .cur mip-img{width:0.32rem}



.indexcase .pc .curdiv{width: 100%; height: auto; overflow: hidden; }

.indexcase .pc .curdiv p{text-align: center;font-size: 0.26rem; font-weight: bold;color: #eeca92}

.indexcase .pc .curdiv p:nth-child(2){font-weight: normal;font-size: 0.23rem; text-transform: uppercase}

.indexcase .pc .curdiv mip-img{width: 0.32rem; height: 0.32rem; margin: 0 auto; margin-top: 0.15rem}







/* ipadä¸‡äº©å…»æ®–åŸºåœ° */



.indexcase .ipad .iproduct{width: 8.56rem; height: auto; overflow: hidden; margin: 0 auto;}

.indexcase{width: 100%; height: auto; overflow: hidden; margin: 0 auto}

.indexcase .ipad .protitle{width: 8.56rem; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexcase .ipad .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexcase .ipad .protitle .ent{width: 8.56rem; height: 0.17rem; overflow: hidden; margin: 0 auto;position: relative; background: url(../images/pc/xian_03.png) no-repeat center center;}

.indexcase .ipad .protitle .ent p{  text-align: center; text-transform: uppercase}

.indexcase .ipad .icasepro{width: 9.2rem; height: auto; overflow: hidden; margin: 0.3rem auto;}

.indexcase .ipad .icasepro ul{width: 9.2rem; height: auto; overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-between}

.indexcase .ipad .icasepro ul li{width: 3.06rem; height: auto; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .ipad .icasepro ul li{width: 3.06rem; height: 2.25rem; display:flex;align-items:center; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .ipad .icasepro ul li mip-img{width:3.06rem}



.indexcase .ipad .icasepro ul .cur{background: #ad030e; align-items: center}

.indexcase .ipad .icasepro ul .cur{width: 3.06rem; height: 2.25rem; display:flex;align-items:center; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .ipad .icasepro ul .cur mip-img{width:0.32rem}





.indexcase .ipad .curdiv{width: 100%; height: auto; overflow: hidden; }

.indexcase .ipad .curdiv p{text-align: center;font-size: 0.26rem; font-weight: bold;color: #eeca92}

.indexcase .ipad .curdiv p:nth-child(2){font-weight: normal;font-size: 0.23rem; text-transform: uppercase}

.indexcase .ipad .curdiv mip-img{width: 0.32rem; height: 0.32rem; margin: 0 auto; margin-top: 0.15rem}

.ipad .cg{  width: 100%; height: 1.87rem;overflow: hidden;;}

/* YDå…»æ®–åŸºåœ° */

.indexcase .mobile .iproduct{width: 100%; height: auto; overflow: hidden; margin: 0 auto;}

.indexcase .mobile .protitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;color: #ad030e;}

.indexcase .mobile .protitle .protc{ font-size: 0.4rem; font-weight: bold; text-align: center;}

.indexcase .mobile .protitle .ent{width: 5.35rem; height: 0.27rem; overflow: hidden; margin: 0 auto;position: relative;background: url(../images/mobile/xian_03.jpg) no-repeat center center;}

.indexcase .mobile .protitle .ent p{  text-align: center; text-transform: uppercase;font-size: 0.1rem}







.indexcase .mobile .icasepro{width: 5.8rem; height: auto; overflow: hidden; margin: 0.3rem auto;}

.indexcase .mobile .icasepro ul{width: 5.8rem; height: auto; overflow: hidden; display: flex;flex-wrap: wrap;justify-content: space-between}

.indexcase .mobile .icasepro ul li{width: 2.89rem; height: auto; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .mobile .icasepro ul li{width:2.89rem; height: 2.16rem; display:flex;align-items:center; overflow: hidden; margin-bottom: 0.02rem}

.indexcase .mobile .icasepro ul li mip-img{width:2.89rem}



.indexcase .mobile .icasepro ul .cur{background: #ad030e; align-items: center}

.indexcase .mobile .icasepro ul .cur{width:2.89rem; height: 2.16rem;display:flex;align-items:center; overflow: hidden; margin-bottom: 0.01rem}

.indexcase .mobile .icasepro ul .cur mip-img{width:0.32rem}

.indexcase .mobile .icasepro ul .cur{background: #ad030e; align-items: center}

.indexcase .mobile .curdiv{width: 100%; height: auto; overflow: hidden; }

.indexcase .mobile .curdiv p{text-align: center;font-size: 0.26rem; font-weight: bold;color: #eeca92}

.indexcase .mobile .curdiv p:nth-child(2){font-weight: normal;font-size: 0.23rem; text-transform: uppercase}

.indexcase .mobile .curdiv mip-img{width: 0.32rem; height: 0.32rem; margin: 0 auto; margin-top: 0.15rem}



.mobile .cg{  width: 100%; height: 1.14rem;overflow: hidden;;}

























/**PCå›¾æ–‡å±•ç¤ºå½¢å¼*/

.indexproduct .pc .casecontent{width: 12rem; height: auto; overflow: hidden; margin: 0 auto}

.indexproduct .pc .casecontent li{border: 1px solid #e4e4e4; display: flex; justify-content: space-between; margin-bottom: 0.55rem}

.indexproduct .pc .casecontent li .caseimg{width: 3.7rem; height: 2.8rem; overflow: hidden; display:flex; align-items:center;}

.indexproduct .pc .casecontent li .caseimg mip-img{width:3.7rem;}

.indexproduct .pc .casecontent li .casecenter{width: 5.8rem; height: auto; overflow: hidden; }

.indexproduct .pc .casecontent li .casecenter p{font-size: 0.18rem; color: #020200;line-height: 0.25rem;padding-top: 0.4rem}

.indexproduct .pc .casecontent li .casecenter span{width: 0.6rem; height: 0.02rem ;  background: #be0914; display: block; margin: 0.2rem 0}

.indexproduct .pc .casecontent li .casecenter .intro{width: 100%; height: auto; overflow: hidden;font-size: 0.16rem;line-height: 0.22rem;color: #444444}

.indexproduct .pc .casecontent li .casecenter .ctime {width: 100%; height: auto; overflow: hidden; display: flex; padding-top: 0.3rem;font-size: 0.14rem;color: #666666}

.indexproduct .pc .casecontent li .casecenter .ctime mip-img{width: 0.2rem; margin-right: 0.1rem}



.indexproduct .pc .casecontent li .caseright{width: 1.8rem; height: 2.8rem; overflow: hidden;background: #f9f9f9; align-items: center; display: flex;} 

.indexproduct .pc .casecontent li .caseright .ico1{width: 0.49rem; height: 0.49rem; margin: 0 auto; background: url(../images/pc/jt02_03.png) no-repeat center center;background-size: cover}

.indexproduct .pc .casecontent li:hover{ border: 1px solid #be0914;}

.indexproduct .pc .casecontent li:hover .caseright{ background:#be0914 }

.indexproduct .pc .casecontent li:hover .caseright .ico1{background: url(../images/pc/jt01_03.png) no-repeat center center;}





/* ipadå›¾æ–‡å±•ç¤ºæ ·å¼ */

.indexproduct .ipad .casecontent{width: 9.2rem; height: auto; overflow: hidden; margin: 0 auto}

.indexproduct .ipad .casecontent li{border: 1px solid #e4e4e4; display: flex; justify-content: space-between; margin-bottom: 0.55rem}



.indexproduct .ipad .casecontent li .caseimg{width: 3.7rem; height: 2.8rem; overflow: hidden; display:flex; align-items:center;}

.indexproduct .ipad .casecontent li .caseimg mip-img{width:3.7rem;}



.indexproduct .ipad .casecontent li .casecenter{width: 4.9rem; height: auto; overflow: hidden; margin-right: 0.2rem }





.indexproduct .ipad .casecontent li .casecenter p{font-size: 0.3rem; color: #020200;line-height: 0.25rem;padding-top: 0.3rem}

.indexproduct .ipad .casecontent li .casecenter span{width: 0.6rem; height: 0.02rem ;  background: #be0914; display: block; margin: 0.2rem 0}

.indexproduct .ipad .casecontent li .casecenter .intro{width: 100%; height: auto; overflow: hidden;font-size: 0.22rem;line-height: 0.32rem;color: #444444}

.indexproduct .ipad .casecontent li .casecenter .ctime {width: 100%; height: auto; overflow: hidden; display: flex; padding-top: 0.2rem;font-size: 0.2rem;color: #666666}

.indexproduct .ipad .casecontent li .casecenter .ctime mip-img{width: 0.2rem; margin-right: 0.1rem}



.indexproduct .ipad .casecontent li:hover{ border: 1px solid #be0914;}





/* mobileå›¾æ–‡å±•ç¤º æ ·å¼ */

.indexproduct .mobile .casecontent{width: 5.6rem; height: auto; overflow: hidden; margin: 0 auto;}

.indexproduct .mobile .casecontent li{border: 1px solid #e4e4e4; display: flex; justify-content: space-between; margin-bottom: 0.2rem;padding: 0.1rem}



.indexproduct .mobile .casecontent li .caseimg{width: 2.45rem; height: 1.8rem; overflow: hidden; display:flex; align-items:center;}

.indexproduct .mobile .casecontent li .caseimg mip-img{width:2.45rem;}

.indexproduct .mobile .casecontent li .casecenter{width: 2.7rem; height: auto; overflow: hidden;}

.indexproduct .mobile .casecontent li .casecenter p{font-size: 0.3rem; color: #020200;line-height: 0.25rem;padding-top: 0.1rem}

.indexproduct .mobile .casecontent li .casecenter span{width: 0.6rem; height: 0.02rem ;  background: #be0914; display: block; margin: 0.2rem 0}

.indexproduct .mobile .casecontent li .casecenter .intro{width: 100%; height: auto; overflow: hidden;font-size: 0.2rem;line-height: 0.29rem;color: #444444}

.indexproduct .mobile .casecontent li .casecenter .ctime {width: 100%; height: auto; overflow: hidden; display: flex; padding-top: 0.2rem;font-size: 0.2rem;color: #666666}

.indexproduct .mobile .casecontent li .casecenter .ctime mip-img{width: 0.2rem; margin-right: 0.1rem}

.indexproduct .mobile .casecontent li:hover{ border: 1px solid #be0914;}







/**PCæ–°é—»å±•ç¤ºå½¢å¼*/

.indexproduct .pc .newscontent{width: 12rem; height: auto; overflow: hidden; margin: 0 auto}

.indexproduct .pc .newscontent li{border: 1px solid #e4e4e4; display: flex; justify-content: space-between; margin-bottom: 0.55rem; padding: 0.4rem 0.6rem}

.indexproduct .pc .newscontent li .casecenter p{font-size: 0.18rem; color: #020200;line-height: 0.25rem;}

.indexproduct .pc .newscontent li .casecenter span{width: 0.6rem; height: 0.02rem ;  background: #be0914; display: block; margin: 0.2rem 0}

.indexproduct .pc .newscontent li .casecenter .intro{width: 100%; height: auto; overflow: hidden;font-size: 0.16rem;line-height: 0.22rem;color: #444444}

.indexproduct .pc .newscontent li .casecenter .ctime {width: 100%; height: auto; overflow: hidden; display: flex; padding-top: 0.3rem;font-size: 0.14rem;color: #666666}

.indexproduct .pc .newscontent li .casecenter .ctime mip-img{width: 0.2rem; margin-right: 0.1rem}

.indexproduct .pc .newscontent li:hover{ border: 1px solid #be0914;}



/**ipadæ–°é—»å±•ç¤ºå½¢å¼*/

.indexproduct .ipad .newscontent{width: 9.2rem; height: auto; overflow: hidden; margin: 0 auto}

.indexproduct .ipad .newscontent li{border: 1px solid #e4e4e4; display: flex; justify-content: space-between; margin-bottom: 0.55rem;padding: 0.4rem 0.6rem}



.indexproduct .ipad .newscontent li .casecenter{width: 100%; height: auto; overflow: hidden; }

.indexproduct .ipad .newscontent li .casecenter p{font-size: 0.3rem; color: #020200;line-height: 0.25rem;padding-top: 0.1rem}

.indexproduct .ipad .newscontent li .casecenter span{width: 0.6rem; height: 0.02rem ;  background: #be0914; display: block; margin: 0.2rem 0}

.indexproduct .ipad .newscontent li .casecenter .intro{width: 100%; height: auto; overflow: hidden;font-size: 0.22rem;line-height: 0.32rem;color: #444444}

.indexproduct .ipad .newscontent li .casecenter .ctime {width: 100%; height: auto; overflow: hidden; display: flex; padding-top: 0.2rem;font-size: 0.2rem;color: #666666}

.indexproduct .ipad .newscontent li .casecenter .ctime mip-img{width: 0.2rem; margin-right: 0.1rem}



/* mobileæ–°é—»å±•ç¤º æ ·å¼ */

.indexproduct .mobile .newscontent{width: 5.6rem; height: auto; overflow: hidden; margin: 0 auto;}

.indexproduct .mobile .newscontent li{border: 1px solid #e4e4e4; display: flex; justify-content: space-between; margin-bottom: 0.2rem;padding: 0.25rem}

.indexproduct .mobile .newscontent li .casecenter{width:100%; height: auto; overflow: hidden;}

.indexproduct .mobile .newscontent li .casecenter p{font-size: 0.3rem; color: #020200;line-height: 0.25rem;padding-top: 0.1rem}

.indexproduct .mobile .newscontent li .casecenter span{width: 0.6rem; height: 0.02rem ;  background: #be0914; display: block; margin: 0.2rem 0}

.indexproduct .mobile .newscontent li .casecenter .intro{width: 100%; height: auto; overflow: hidden;font-size: 0.2rem;line-height: 0.32rem;color: #444444}

.indexproduct .mobile .newscontent li .casecenter .ctime {width: 100%; height: auto; overflow: hidden; display: flex; padding-top: 0.2rem;font-size: 0.2rem;color: #666666}

.indexproduct .mobile .newscontent li .casecenter .ctime mip-img{width: 0.2rem; margin-right: 0.1rem}

.indexproduct .mobile .newscontent li:hover{ border: 1px solid #be0914;}













/* PCè¯¦æƒ…é¡µ */

.viewproduct{width: 100%; height: auto; overflow: hidden; margin: 0 auto; }

.viewproduct .pc .proview {width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.45rem;}

.viewproduct .pc .viewclass{width: 100%; height: auto; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #e0e0e0}

.viewproduct .pc .vclasscon{width: 12rem; height: auto; overflow:hidden;  margin: 0 auto;align-items: center; display: flex; justify-content: space-between; align-items: center }

.viewproduct .pc .vclasscon .vclassleft{width: 0.11rem; height: 0.19rem; overflow: hidden;;;}

.viewproduct .pc .vclasscon .vclassright{width: 0.11rem; height: 0.19rem; overflow: hidden;;;}

.viewproduct .pc .vclasscon .vclasscenter{width: 11.5rem; height:0.6rem; overflow: hidden;   display: inline-block}

.viewproduct .pc .vclasscon .vclasscenter .vclassc{ height: auto;width: 500%;}

.viewproduct .pc .vclasscon .vclasscenter .vclassc a{padding: 0 0.3rem; font-size: 0.2rem; line-height: 0.5rem; float: left;  }

.viewproduct .pc .vclasscon .vclasscenter .vclassc a:hover{ border-bottom: 0.02rem solid  #be0914;text-transform:0.3s all}

.viewproduct .pc .vclasscon .vclasscenter .vclassc .active{border-bottom: 0.02rem solid  #be0914;}



.viewproduct .pc .vclasscon .mip-carousel-preBtn{top: 0.2rem; background: url(../images/pc/viewjiantou_06.jpg) no-repeat center center; width: 0.11rem; height: 0.19rem;;}

.viewproduct .pc .vclasscon .mip-carousel-nextBtn{top: 0.2rem; background: url(../images/pc/viewjiantou_03.jpg) no-repeat center center; width: 0.11rem; height: 0.19rem;;}

.viewproduct .pc .currdic{width: 12rem; height: auto; overflow: hidden; display: flex; margin: 0.55rem auto;}

.viewproduct .pc .currdic mip-img{width: 0.26rem; margin-right: 0.1rem }

.viewproduct .pc currdic a{font-size: 0.16rem;display: block; margin: 0 0.05rem; line-height: 0.24rem}

.viewproduct .pc .viewcontent{width: 12rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.8rem}

.viewproduct .pc .viewtitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;font-size: 0.28rem;  color: #141414;text-align: center}

.viewproduct .pc .viewtime{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;font-size: 0.1rem;color: #666666; line-height: 0.6rem}


.viewproduct .pc .viewcon{width: 100%; height: auto; overflow: hidden; margin: 0 auto;font-size: 0.16rem; color: #0d0d0d;line-height: 0.3rem; margin-bottom:0.55rem}

.viewproduct .pc .backlist{width: 2rem; height: 0.45rem; border: 1px solid #191919; overflow: hidden; margin: 0.4rem auto; border-radius: 0.05rem;text-align: center;font-size: 0.19rem; line-height: 0.45rem}

.viewproduct .viewcontent mip-img{display: block;margin:0.3rem auto;}
.viewproduct .viewcontent img{width:auto;height:auto;min-width:auto;min-height:auto;margin:auto;display:block;}



/* ipadè¯¦æƒ…é¡µ */

.viewproduct{width: 100%; height: auto; overflow: hidden; margin: 0 auto; }

.viewproduct .ipad .proview {width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.45rem;}

.viewproduct .ipad .viewclass{width: 100%; height: auto; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #e0e0e0}

.viewproduct .ipad .vclasscon{width: 9.6rem; height: 0.6rem;  margin: 0 auto;align-items: center; display: flex; justify-content: space-between; align-items: center }

.viewproduct .ipad .vclasscon .vclassleft{width: 0.11rem; height: 0.19rem; overflow: hidden;;;}

.viewproduct .ipad .vclasscon .vclassright{width: 0.11rem; height: 0.19rem; overflow: hidden;;;}

.viewproduct .ipad .vclasscon .vclasscenter{width: 11.5rem; height:0.6rem; overflow-x: scroll; overflow-y: hidden; overflow-x: scroll;  -webkit-overflow-scrolling:touch; display: inline-block}

.viewproduct .ipad .vclasscon .vclasscenter .vclassc{ height: auto;width: 500%;}

.viewproduct .ipad .vclasscon .vclasscenter a{padding: 0 0.3rem; font-size: 0.2rem; line-height: 0.6rem; float: left;  }

.viewproduct .ipad .vclasscon ul li a:hover{ border-bottom: 0.02rem solid  #be0914}

.viewproduct .ipad .vclasscon .mip-carousel-preBtn{top: 0.2rem; background: url(../images/pc/viewjiantou_06.jpg) no-repeat center center; width: 0.11rem; height: 0.19rem;;}

.viewproduct .ipad .vclasscon .mip-carousel-nextBtn{top: 0.2rem; background: url(../images/pc/viewjiantou_03.jpg) no-repeat center center; width: 0.11rem; height: 0.19rem;;}

.viewproduct .ipad .currdic{width: 9.6rem; height: auto; overflow: hidden; display: flex; margin: 0.55rem auto;}

.viewproduct .ipad .currdic mip-img{width: 0.26rem; margin-right: 0.1rem }

.viewproduct .ipad currdic a{font-size: 0.16rem;display: block; margin: 0 0.05rem; line-height: 0.24rem}

.viewproduct .ipad .viewcontent{width: 9.6rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.8rem}

.viewproduct .ipad .viewtitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;font-size: 0.48rem;  color: #141414;text-align: center}

.viewproduct .ipad .viewtime{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;font-size: 0.22rem;color: #666666; line-height: 0.6rem}

.viewproduct .ipad .viewcontent mip-img{width:9.2rem; margin: 0.2rem auto}

.viewproduct .ipad .viewcon{width: 100%; height: auto; overflow: hidden; margin: 0 auto;font-size: 0.24rem; color: #0d0d0d;line-height: 0.45rem;margin-bottom:0.55rem}

.viewproduct .ipad .backlist{width: 2rem; height: 0.45rem; border: 1px solid #191919; overflow: hidden; margin: 0.4rem auto; border-radius: 0.05rem;text-align: center;font-size: 0.24rem; line-height: 0.45rem}



/* mobileè¯¦æƒ…é¡µ */

.viewproduct{width: 100%; height: auto; overflow: hidden; margin: 0 auto; }

.viewproduct .mobile .proview {width: 100%; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.45rem;}

.viewproduct .mobile .viewclass{width: 100%; height: auto; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #e0e0e0}

.viewproduct .mobile .vclasscon{width: 6.2rem; height: 0.6rem;  margin: 0 auto;align-items: center; display: flex; justify-content:space-around;  }

.viewproduct .mobile .vclasscon .vclassleft{width: 0.11rem; height: 0.19rem; overflow: hidden;;;}

.viewproduct .mobile .vclasscon .vclassright{width: 0.11rem; height: 0.19rem; overflow: hidden;;;}

.viewproduct .mobile .vclasscon .vclasscenter{width: 5rem; height:0.6rem; overflow-x: scroll; overflow-y: hidden}

.viewproduct .mobile .vclasscon .vclasscenter .vclassc{ height: 0.8rem;min-width:100%;width: auto; }

.viewproduct .mobile .vclasscon .vclasscenter a{padding: 0 0.1rem; font-size: 0.2rem; line-height: 0.6rem; float: left;  }

.viewproduct .mobile .vclasscon ul li a:hover{ border-bottom: 0.02rem solid  #be0914}

.viewproduct .mobile .vclasscon .mip-carousel-preBtn{top: 0.2rem; background: url(../images/pc/viewjiantou_06.jpg) no-repeat center center; width: 0.11rem; height: 0.19rem;;}

.viewproduct .mobile .vclasscon .mip-carousel-nextBtn{top: 0.2rem; background: url(../images/pc/viewjiantou_03.jpg) no-repeat center center; width: 0.11rem; height: 0.19rem;;}

.viewproduct .mobile .currdic{width: 6rem; height: auto; overflow: hidden; display: flex; margin: 0.55rem auto;}

.viewproduct .mobile .currdic mip-img{width: 0.26rem; margin-right: 0.1rem }

.viewproduct .mobile currdic a{font-size: 0.16rem;display: block; margin: 0 0.05rem; line-height: 0.24rem}

.viewproduct .mobile .viewcontent{width: 6rem; height: auto; overflow: hidden; margin: 0 auto; margin-top: 0.8rem}

.mobile .viewtitle{width: 100%; height: auto; overflow: hidden; margin: 0 auto;font-size: 0.48rem;  color: #141414;text-align: center;padding:0.2rem 0}

.viewproduct .mobile .viewtime{width: 100%; height: auto; overflow: hidden; margin: 0 auto; text-align: center;font-size: 0.22rem;color: #666666; line-height: 0.6rem}

.viewproduct .mobile .viewcontent mip-img{width:6rem; margin: 0.2rem auto}

.mobile .viewcon{width: 6rem; height: auto; overflow: hidden; margin: 0 auto;font-size: 0.24rem; color: #0d0d0d;line-height: 0.45rem;margin-bottom:0.55rem}



.viewproduct .mobile .backlist{width: 2rem; height: 0.45rem; border: 1px solid #191919; overflow: hidden; margin: 0.4rem auto; border-radius: 0.05rem;text-align: center;font-size: 0.24rem; line-height: 0.45rem}